body {
	background-color: #f4f4f4;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 4vw 2.93vw 5vw;
	background-color: #fbfbfb;
	color: #555;
	font-size: 3.73vw;
}

header .arrow {
	position: absolute;
	left: 2.93vw;
	top: 50%;
	transform: translateY(-50%);
	width: 2.67vw;
	height: 4.67vw;
}

.modify {
	
	margin-top: 15.4vw;
	background-color: #fff;
}

.modify .avatar {
	width: 29vw;
	height: 29vw;
	margin: 0 auto;
	padding: 8vw 0;
}
.modify .avatar img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.modify ul li {
	padding: 2vw 1vw;
	margin: 0 2vw;
	border-bottom: .1vw solid #cecece;
}

.modify ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 4vw;
	color: #999999;
	height: 11vw;
	/* text-align: center; */
}

.modify ul li .name {
	width: 25%;
	/* background-color: orange; */
}

.modify ul li input {
	width: 70%;
	box-sizing: border-box;
	border: 0;
	padding: 3vw 3vw 3vw;
	outline: 0;
	font-size: 4vw;
	color: #333333;
	text-align: right;
}

.modify ul li .sex input {
	width: 4vw;
	height: 4vw;
	width: 5vw;
	margin: 0 3vw 0 6vw;
	vertical-align: middle;
}

.button {
	position: fixed;
	bottom: 0vw;
	left: 0vw;
	transform: translateY(-100%);
	width: 90vw;
	height: 14vw;
	box-sizing: border-box;
	margin: 3vw 5vw 5vw;
	outline: 0;
	font-size: 4vw;
	color: #ffffff;
	border: 0;
	line-height: 14vw;
	background-color: #c55a5c;
	border-radius: 1vw;
	text-align: center;
}
